
    
    
    body>.bottomBg{
        background:#333081;
    }
    body>.bottomBg .box .son .colorBlock{
        background-color:#fff; 
    }
    body>.bottomBg .box .son .sawtooth{
        background-image: url(../img/common/bt_sawtooth_yellow.png);
    } 
    .animateBottle.big{
        top: 45vw;
        left:53vw;
        transition: transform 1.5s cubic-bezier(0.26, 0.01, 0.14, 1);
        transform: translate3d(25vw,-50%,0px) rotate(0deg);
    }
    @media(min-width:1025px){
        .animateBottle.big{
            top:400px;
            transform: translate3d(300px,-50%,0px) rotate(0deg);
        }
    }
    @media(max-width:767px){
        .animateBottle.big{
            top:230px;
        }
    }
    header .menu .menuBtn i{
        background: #fff;
    }
  
    header .menu ul li{
        color: #fff;
    }
    .shave,
    main .palace,
    header .menu::before{
        background: #333081;
    }
    .mainHead{
        padding-bottom: 105px;
    }
    .mainHead .title .txt h1{
        color: #fb0;
        text-align: left;
    }
    .mainHead .title .bg{
        background-image: url(../img/common/curvePattern.png);
    }
    .mainHead .content{
        background: #393;
        padding-left: 0px;
        padding-right:0px;
        padding-top: 20px;
        margin-bottom: 105px;
    }
    .mainHead .content>p{
        font-size: 26px;
        line-height: 40px;
    }
    .mainHead form>p{
        width: 100%;
        max-width: 420px;
        text-align: center;
        margin:0px auto;
        position: relative;
        font-size: 51px;
        border-bottom: 1px solid #fff;
    }
    .mainHead form>p input{
        width: 100%;
        line-height: 76px;
        display: block;
        text-align: center;
        border-width: 0px;
        border-radius: 0px;
        border-color: transparent;
        background: transparent;
        outline: none;
        color: #fff;
        appearance: none;
        -webkit-appearance: none;
        position: relative;
        z-index: 2;
        font-size: 51px;
        font-weight: bold;
        margin-top: 55px;
    }
    .mainHead form>p input:focus{
        background: rgba(255,255,255,.35);
    }
    .mainHead form>p input::-webkit-p input-placeholder{
        color:inherit;
        opacity: .5;
        text-align: center;
    }
    .mainHead form>p input::-webkit-outer-spin-button,
    .mainHead form>p input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    .mainHead form>p input[type="number"]{
        -moz-appearance: textfield;
    }
    .mainHead form>p .holder.filled{
        display: none;
    }
    .mainHead form>p .holder{
        position: absolute;
        align-items: flex-end;
        opacity: .5;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .mainHead form>p .holder i{
        font-style: normal;
    }
    .mainHead form>p .holder i:first-child{
        font-size: 30px;
    }
    .mainHead form>p .holder i:last-child{
        line-height: 51px;
        font-weight: bold;
        margin-left: 10px;
    }
    .mainHead .result{
        padding: 0px 30px;
        color:#fff;
        display: none;
    }
    .mainHead .result p{
        width: 80%;
        margin: 0px auto;
        justify-content: space-between;
        border-bottom: 1px solid #fff;
        padding: 10px 0px;
    }
    .mainHead .result p:first-child{
        border-top: 1px solid #fff;
    }
    .mainHead .result p .store{
        font-size: 18px;
        font-weight: bold;
    }
    .mainHead .result p .address{
        font-size: 12px;
    }
    footer .palace{
        background: #fff;
    }
    footer nav{
        color:#333081;
    }
    footer .contn .details .screen{
        color:#e22a1b;
    }
    footer .bg{
        background-image: url(../img/common/yellowBlock.png);
    }
   
    @media(max-width:767px){
        .mainHead .result{
            padding:105px 0px
        }
        .mainHead .result p .address{
            line-height: 18px;
            width: 40%;
        }
    }
    